window.onload = function() {
    // let username = document.getElementById("username")
    // let password = document.getElementById("password")
    // console.log(username.value)
    // let btn = document.querySelector("button")
    // btn.addEventListener("click",(e)=>{
    //     e.preventDefault()
    //     let name = username.value
    //     let passd =password.value
    //     let xhr = new XMLHttpRequest()
    //     xhr.open("GET","http://172.19.11.61:8080/login"+"?username="+name+"&password="+passd,false)
    //     xhr.send()
    //     if(xhr.readyState === 4 && xhr.status === 200){
    //         console.log("请求成功")
    //     }
    // })


    // 假设我们有一个登录表单，包含用户名和密码输入框
    document.getElementById('loginButton').addEventListener('click', function() {
        let name = document.getElementById('username').value;
        let passd = document.getElementById('password').value;

        // 使用 fetch 发起登录请求
        fetch('http://172.19.11.61:8080/login?username=' + name + '&password=' + passd, true) //fetch函数用于发起网络请求,默认GET请求
            .then(response => { //用于处理fetch返回的Promise，即网络请求的响应，.then 方法用于处理 Promise 的成功情况。
                // 检查响应是否成功
                if (!response.ok) {
                    throw new Error('网络响应失败');
                }
                // 解析响应为 JSON
                return response.json(); //如果响应成功，则调用response.json()方法将响应体解析为JSON格式的数据，即下面的data。
            })
            .then(data => {
                // 处理成功的结果
                console.log('登录成功:', data);
                alert('登录成功!');
            })
            .catch(error => {
                // 处理错误
                console.error('登录失败:', error);
                alert('登录失败，请检查您的用户名和密码。');
            });
    });

}